$(function(){
    // 1. 添加 自定义 表单验证规则
    layui.form.verify({
        nickname(val){
           if(val.trim().length<1||val.trim().length>6)
           return '必须在1-6 个字符之间~'
        }
    })

    getUserInfo()
    // 2. 定义获取 用户信息的 方法
    function getUserInfo(){
        $.ajax({
            method:'get',
            url:'/my/userinfo',
            success(res){
                // 如果失败 就提示失败消息
                if(res.status!==0) return layui.layer.msg(res.message)
                // 如果成功 就返回 获取到的
                layui.form.val('userForm',res.data)
            }
        })
    }

    // 3.  重置按钮
    $('.resetBtn').on('click',function(){
        getUserInfo()
    })

    // 4. 为表单 注册 提交事件
    $('.layui-form').on('submit',function(e){
        e.preventDefault()
        // 获取表单数据
        let dataObj=$(this).serialize()
        // 异步提交
        $.ajax({
            method:'post',
            url:'/my/userinfo',
            data:dataObj,
            success(res){
                // 如果失败
                if(res.status!==0) return layui.layer.msg(res.message)
                //  如果成功 调用父页面的 getUserInfo 方法 重新渲染 页面 头像区域
                window.parent.getUserInfo()
                // 提示修改 成功
                layui.layer.msg(res.message)
            }
        })
    })
})